
html,body{
	display: flex;
	flex-direction: column;
	height: 100vh;
	width:100vw;
	overflow-x: hidden;
}

article{
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	width:80vw;
	margin:0px auto;
}
section{
	flex-grow: 1;
	margin:5px 10px;
}

a:hover,a:visited {color:black;}
a{
	text-decoration:none;
}


.document_title{
    font-size: 200%;
}
.document_praise_text{
	width: 100px;
	margin-left:25px;
	font-weight: bold;
}

.document_add_praise{
	
	height: 20px;
	background:url(../img/ooopic_1506740300.png) no-repeat 0px 0px/20px 20px;
}
.document_minus_praise{
	
	height: 20px;
	background:url(../img/ooopic_1506740309.png) no-repeat 0px 0px/20px 20px;

}
table tr{
	height: 240px;
}
table tr td{ border-top:gray solid 1px; text-align:center;border-bottom:gray solid 1px;
}
.mainleft{
	margin-top: 20px;
	border-right:solid 1px gray;
}
.HeadText{
	text-align:center;
    width: 100%;
    height: 200px;
    position: absolute;
    
    margin-left: -150px;
    background-image: -webkit-linear-gradient(left,white,	#696969 50%,	white 100%);
    -webkit-text-fill-color: transparent;/* 将字体设置成透明色 */
    -webkit-background-clip: text;/* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%; 
    -webkit-animation: masked-animation 4s linear infinite;
    font-size: 60px;
}
@keyframes masked-animation {
    0% {
        background-position: 0  0;
    }
    100% {
        background-position: -100%  0;
    }
}
       